@charset "utf-8";
/*显示器大于800时候生效*/
.footLayer{display: none;}
.mobileFuwu{display: none;}

/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {
/*导航，分类，搜索*/
.footLayer{position:fixed;border-top: #0057b0 solid 2px;background:#f6f6f6;width:100%;z-index: 121;left:0;bottom:0;height: 1.4rem;display: block;}
.footLayer li{ float:left; width:25%; height:1.4rem; position:relative;}
.footLayer li:after{ content:''; position:absolute; right:0; top:50%; width:1px; height:0.8rem; margin-top:-0.4rem; background:#d3d3d3;}
.footLayer li:last-child:after{ display:none;}
.footLayer li a{ display:block; width:100%; height:100%; position:relative; text-align:center;}
.footLayer li .ico{ padding:0.2rem 0;}
.footLayer li .ico img{ width:0.46rem;}
.footLayer li .ico2{ position:absolute; left: 50%; margin-left:-0.55rem; top:-0.5rem; border-radius:50%; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.28);}
.footLayer li .ico2 img{ width:1.1rem;}
.footLayer li p{ font-size:0.26rem; color:#3f3f3f; position:absolute; left:0; bottom:0.2rem; width:100%;}

.mobileFuwu{position: fixed;top: 0;left: 0;bottom: 0px;width: 100%;height: 0;background: #fff;z-index: 98;transition: all .5s ease;overflow: auto;display: unset;}
.mobileNavbar{position: fixed;top: 1.55rem;right: 0;bottom: 0px;width: 0;height: calc(100% - 1.3rem - 1.4rem);background: #fff;z-index: 98;transition: all .3s ease;border-top: 1px solid #0863d5;display: unset;overflow: auto;}
.mobileNavbar .subNav{cursor: pointer;display: block;height: auto;line-height: 0.9rem;padding-left: 0.3rem;position: relative;font-size: 0.28rem;border-bottom: #e3e3e3 solid 1px;background: url(/pic/mobilePop/ico3.png) right center no-repeat;background-size: 0.42rem;transition: all .3s ease;overflow: hidden;height: auto;width: calc(100% - 0.3rem);text-align: left;}
.mobileNavbar .currentDt{background: url(/pic/mobilePop/ico3on.png) right 0.4rem no-repeat;background-size: 0.42rem;}
.mobileNavbar .navContent{height: 0;overflow: hidden;/* transition: all .3s ease; */opacity: 1;/* background: unset; */width: 100%;position: unset;background: #fff;padding: 0;}
.mobileNavbar .navContent a{display:block;height:0.75rem;line-height:0.75rem;font-size:0.24rem;padding-left:0.5rem;border-top: #e3e3e3 solid 1px;color:#666;border-bottom: 0;text-align: left;margin: 0;}
.mobileFuwu .leftDiv{width: 3.2rem;float: left;background: #0057b0;max-height: calc(100% + 3.11rem);padding-top: 1.71rem;margin-bottom: 1.4rem;min-height: calc(100% - 3.11rem);}
.mobileFuwu .leftDiv li{height: 0.8rem;line-height: 0.8rem;padding-left: 0.25rem;font-size: 0.28rem;color: #fff;border-bottom: #fff solid 1px;position: relative;padding-right: 0.8rem;}
.mobileFuwu .leftDiv li.on{background: #084898;}
.mobileFuwu .rightDiv{width: 48%;float: right;margin-right: 0.3rem;padding-top: 1.4rem;padding-top: 1.95rem;}
.mobileFuwu .rightDiv a{display: block;text-align: left;height: 0.7rem;line-height: 0.7rem;font-size: 0.24rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/* border: #b5b5b5 solid 1px;*//* background: #f6f6f6;*//* border-radius: 0.08rem;*/}
.mobileFuwu .rightDiv .tabContent{display: none;}
.mobileFuwu .leftDiv li::after{content: "";background: url(/pic/mobilePop/ico3-1.png) right center no-repeat;background-size: 0.42rem;width: 0.5rem;height: 0.5rem;position: absolute;top: 0.15rem;right: 0;}
.mobileFuwu .leftDiv li.on::after{content: "";background: url(/pic/mobilePop/ico3-1on.png) right center no-repeat;background-size: 0.42rem;width: 0.5rem;height: 0.5rem;position: absolute;top: 0.15rem;right: 0;}
.mobileFuwu .leftDiv li a{color:#fff;width: 100%;overflow: hidden;display: block;height: 100%;}

.search{display: block;background: url(/pic/mobilePop/searchIco.png) 0 0 no-repeat;background-size: 0.4rem;width: 0.4rem;height: 0.4rem;position: absolute;top: 0.1rem;right: 0.6rem;display: none;}
.mobileSearch{position: fixed;top: 0;left: 0;bottom: 0px;width: 100%;height: 0;background: #fff;z-index: 98;transition: all .5s ease;overflow: hidden;display: unset;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.bannerH{height: 1rem;margin: 0;padding: 0;background: url(/pic/mobilePop/searchBg.jpg) center no-repeat;background-size: cover;}
.closeBox .searchClose{width: 0.4rem;position: absolute;bottom: 0.1rem;left: calc(50% - 0.2rem);}
.closeBox .searchClose img{width:0.3rem;}
}